<template>
	<view>
		<view>这是列表页</view>
		<view>
			<view v-for="item of lunArr" :key="item.id">
				<image :src="item.image_src" mode="aspectFit"></image>
			</view>
		</view>
		<button @click="get">get请求</button>
		<button @click="setStorage" type="warn">存储数据</button>
		<button @click="getStorage" type="primary">获取数据</button>
		<button @click="removeStorage" type="primary">移除数据</button>
		<view class="box-item" v-for="(item,index) of list" :key="index">
			{{item}}
		</view>
		<!-- 调用方法 开启下拉刷新 -->
		<!-- <button @click="pullDown">下拉刷新</button> -->
	</view>
</template>

<script>
	export default{
		data(){
			return{
				list:['前端','JAVA','大数据','前端','JAVA','大数据','前端','JAVA','大数据','前端','JAVA','大数据'],
				lunArr:[]
			}
		},
		// 下拉刷新 事件的函数
		onPullDownRefresh() {
			console.log('触发了下拉刷新')
			this.list.push('测试')
			// 停止下拉刷新 
			setTimeout(()=>{
				uni.stopPullDownRefresh()
			},2000)
			
		},
		// 上拉加载
		onReachBottom() {
			console.log('页面触底了')
			// 触底加载下一页的数据
			this.list = [...this.list,...['前端','JAVA','大数据','前端']]
		},
		methods:{
			pullDown(){
				uni.startPullDownRefresh()
			},
			get(){
				uni.request({
					url:'https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata',
					method:'GET',
					// 请求成功 返回
					success: (res) => {
					        console.log(res.data);
							this.lunArr = res.data.message
					        this.text = 'request success';
					    }
				})
			},
			setStorage(){
				// 本地存储数据
				// uni.setStorage({
				// 	key:"id",
				// 	data:80,
				// 	// 存储成功之后的回调函数
				// 	success(){
				// 		console.log("存储成功！")
				// 	}
				// })
				
				// setStorageSync 带 Sync 的 是同步方法
				uni.setStorageSync('id', 180);
			},
			getStorage(){
				// 获取本地存储的 数据
				// uni.getStorage({
				// 	key: 'id',
				// 	success:(res)=> {	
				// 	     console.log('获取成功',res);
				// 	    }
				// })
				const res = uni.getStorageSync('id');
				console.log(res,"获取成功")
			},
			// 移除 本地数据 这些都是不带 Sync的都是异步的 
			removeStorage(){
				// uni.removeStorage({
				// 	key: 'id',
				// 	success:(res)=> {
				// 		    console.log('移除成功',res);
				// 		}
				// 	})
				uni.removeStorageSync('id')
			}
		}
	}
</script>

<style lang="scss">
	.box-item{
		height: 100px;
		line-height: 100px;
	}
</style>
